<template>
  <view v-if="images && images.length > 0">
    <view class="section-title">底层数据</view>
    <view v-for="(img, idx) in images" :key="idx" class="img-block">
      <image :src="img" mode="widthFix" @click="preview(idx)" />
    </view>
  </view>
</template>

<script>
export default {
  name: 'BaseImages',
  props: {
    images: { type: Array, default: () => [] }
  },
  methods: {
    preview(idx) {
      uni.previewImage({
        urls: this.images,
        current: this.images[idx]
      });
    }
  }
}
</script>

<style scoped>
.section-title { 
  padding: 20rpx 0;
  font-size: 32rpx;
  font-weight: bold;
  text-align: center;
  color: #333;
  background: linear-gradient(90deg, rgba(0,103,255,0.1) 0%, rgba(0,103,255,0.3) 50%, rgba(0,103,255,0.1) 100%);
  border-radius: 8rpx;
  margin-bottom: 10rpx;
}
.img-block { margin-bottom: 20rpx; }
image { width: 100%; border-radius: 12rpx; }
</style> 